/*# sourceURL=/skin/default/css/reset.css */ /*@ sourceURL=/skin/default/css/reset.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; } *, select, input, textarea, button { outline: none; border: none; background: none; } i, em { font-style: normal; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { /* line-height: 1; */ } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: none; } table { border-collapse: collapse; border-spacing: 0; } /* custom */ a { color: #999; text-decoration: none; -webkit-backface-visibility: hidden; } li { list-style: none; } /* ::-webkit-scrollbar { width: 5px; height: 5px; } ::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:vertical { height: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } ::-webkit-scrollbar-thumb:horizontal { width: 5px; background-color: rgba(125, 125, 125, 0.7); -webkit-border-radius: 6px; } */ html, body { width: 100%; } body { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*# sourceURL=/skin/default/css/iconfont.css */ /*@ sourceURL=/skin/default/css/iconfont.css */ @font-face { font-family: "iconfont"; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont.eot?t=1613628355705"); /* IE9 */ src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont.eot?t=1613628355705#iefix") format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont.woff?t=1613628355705") format('woff'), url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont.ttf?t=1613628355705") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont.svg?t=1613628355705#iconfont") format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-changge:before { content: "\e62e"; } .icon-icon_xinyong_xianxing_jijin-139:before { content: "\e64d"; } .icon-09:before { content: "\e621"; } .icon-wodeshouhuodizhi:before { content: "\e65a"; } .icon-gongjiaozhan:before { content: "\e622"; } .icon-24xiaoshiqiantai:before { content: "\e67e"; } .icon-bingxiang:before { content: "\e66d"; } .icon-huiyiguanli:before { content: "\e615"; } .icon-jiantou-you:before { content: "\e62b"; } .icon-dianshizhuo:before { content: "\e616"; } .icon-jiudiancanting-1:before { content: "\e950"; } .icon-kongtiao:before { content: "\e617"; } .icon-dianshi-:before { content: "\e61f"; } .icon-chuifengji:before { content: "\e629"; } .icon-menjin:before { content: "\e601"; } .icon-icon-test2:before { content: "\e620"; } .icon-baoxianxiang:before { content: "\e64c"; } .icon-fangjian_1:before { content: "\e637"; } .icon-yiliaoweisheng-:before { content: "\eda4"; } .icon-meishi:before { content: "\e624"; } .icon-jilu:before { content: "\e612"; } .icon-arrow-down:before { content: "\e600"; } .icon-mianjinenghao:before { content: "\e610"; } .icon-jiantou2-copy:before { content: "\ee45"; } .icon-fangxing:before { content: "\e634"; } .icon-dianhua3:before { content: "\e607"; } .icon-yule:before { content: "\e608"; } .icon-jiguizhanshigaizao:before { content: "\e60d"; } .icon-zhanting:before { content: "\e6b9"; } .icon-huiyi1:before { content: "\e78c"; } .icon-jiudiancanting-:before { content: "\e967"; } .icon-ziyuan:before { content: "\e60f"; } .icon-Door-Hanger:before { content: "\e7ec"; } .icon-canyin:before { content: "\e7ed"; } .icon-jiantou2:before { content: "\e60e"; } .icon-jiguizhanshigaizao-copy:before { content: "\ee44"; } .icon-jiguizhanshigaizao-copy1:before { content: "\ee46"; } .icon-ditie:before { content: "\e602"; } .icon-qitaxuanze:before { content: "\e66b"; } .icon-youxiang1:before { content: "\e632"; } .icon-gongjiao:before { content: "\e604"; } .icon-yisheng-:before { content: "\e606"; } .icon-dizhi_:before { content: "\e61e"; } .icon-yishengtuandui:before { content: "\e858"; } .icon-V:before { content: "\e71b"; } .icon-qiche:before { content: "\e706"; } .icon-quotation:before { content: "\e67b"; } .icon-jiantou_shang:before { content: "\e664"; } .icon-qunfengcanyinmeishi:before { content: "\e6c9"; } .icon-tijianxiangmu:before { content: "\e63e"; } .icon-4:before { content: "\e649"; } .icon-loufang101:before { content: "\e6bd"; } .icon-dianhua2:before { content: "\e60b"; } .icon-icon-test:before { content: "\e628"; } .icon-yundong-:before { content: "\ee43"; } .icon-icon-test1:before { content: "\e60c"; } .icon-youxiang:before { content: "\e61d"; } .icon-changyongicon-:before { content: "\e611"; } .icon-jiantou1:before { content: "\e64b"; } .icon-dianhua1:before { content: "\e671"; } .icon-xican:before { content: "\e61a"; } .icon-jianshen-youyong:before { content: "\e653"; } .icon-biaoqing:before { content: "\e609"; } .icon-chuang:before { content: "\e605"; } .icon-shengdan-:before { content: "\e64f"; } .icon-jiantou:before { content: "\e84f"; } .icon-dianhua:before { content: "\e631"; } .icon-dizhi:before { content: "\e636"; } .icon-youxiang5:before { content: "\e679"; } .icon-jingdianbiaoge:before { content: "\e6b8"; } .icon-shijianbiaozhunhuaguize:before { content: "\e67f"; } .icon-jianchazhibiao:before { content: "\e626"; } .icon-contract2:before { content: "\e61b"; } .icon-biaozhunicon-:before { content: "\e61c"; } .icon-lunkuohua_renlian:before { content: "\e64a"; } .icon-fengxianpinggu:before { content: "\e614"; } .icon-jiaojiebanguanli:before { content: "\e6c6"; } .icon-peixunxiangmu2:before { content: "\e685"; } .icon-qichezhan:before { content: "\e627"; } .icon-qiandai:before { content: "\e613"; } .icon-yinxiang:before { content: "\e642"; } .icon-kaoshipeizhi:before { content: "\e724"; } .icon-zuanshi:before { content: "\e88e"; } .icon-dianzan:before { content: "\e619"; } .icon-baoming:before { content: "\e78a"; } .icon-yemianjianshezhong:before { content: "\e6d6"; } .icon-tisheng:before { content: "\e618"; } .icon-shalou3:before { content: "\e71e"; } .icon-xiajiantou:before { content: "\e6cc"; } .icon-huiyi:before { content: "\e60a"; } .icon-youshi-:before { content: "\e603"; } .icon-tuoguanyunicon:before { content: "\e9fe"; } .icon-shebei:before { content: "\e65e"; } .icon-icon-:before { content: "\e64e"; } /*# sourceURL=/skin/default/css/arrow.css */ /*@ sourceURL=/skin/default/css/arrow.css */ @font-face { font-family: "iconfont_jiantou"; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont1.eot?t=1530106377846"); /* IE9*/ src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont1.eot?t=1530106377846#iefix") format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont1.ttf?t=1530106377846") format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url("http://gchz.huiyizhongxin.com/skin/default/css/../font/iconfont1.svg?t=1530106377846#iconfont") format('svg'); /* iOS 4.1- */ } .iconfont_jiantou { font-family: "iconfont_jiantou" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .jiantou-xiangyoujiantou:before { content: "\e65f"; } .jiantou-xiangzuojiantou:before { content: "\e660"; } .jiantou-fanhui:before { content: "\f0343"; } .jiantou-gengduo:before { content: "\f0344"; } .jiantou-youjiantou:before { content: "\f034f"; } .jiantou-zuojiantou:before { content: "\f0350"; } .jiantou-enter:before { content: "\e6f8"; } .jiantou-return:before { content: "\e720"; } .jiantou-back:before { content: "\e934"; } .jiantou-forward:before { content: "\e94d"; } .jiantou-back-o:before { content: "\e989"; } .jiantou-forward-o:before { content: "\e9a0"; } .jiantou-arrow-left:before { content: "\e9d8"; } .jiantou-arrow-right:before { content: "\e9d9"; } .jiantou-arrow-left1:before { content: "\e9da"; } .jiantou-arrow-up:before { content: "\e9db"; } .jiantou-right:before { content: "\e7eb"; } .jiantou-left:before { content: "\e7ec"; } /*# sourceURL=/skin/default/css/swiper.min.css */ /*@ sourceURL=/skin/default/css/swiper.min.css */ /** * Swiper 5.2.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 16, 2019 */ @font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff"); font-weight: 400; font-style: normal } :root { --swiper-theme-color: #007aff } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1 } .swiper-container-vertical>.swiper-wrapper { flex-direction: column } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0) } .swiper-container-multirow>.swiper-wrapper { flex-wrap: wrap } .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column } .swiper-container-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform } .swiper-slide-invisible-blank { visibility: hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height } .swiper-container-3d { perspective: 1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10 } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none } .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none } .swiper-container-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start } .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory } .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory } :root { --swiper-navigation-size: 44px } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)) } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev' } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next' } .swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #ffffff } .swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000000 } .swiper-button-lock { display: none } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10 } .swiper-pagination.swiper-pagination-hidden { opacity: 0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33) } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)) } .swiper-container-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top } .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left } .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top } .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0 } .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0 } .swiper-pagination-white { --swiper-pagination-color: #ffffff } .swiper-pagination-black { --swiper-pagination-color: #000000 } .swiper-pagination-lock { display: none } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% } .swiper-container-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 } .swiper-scrollbar-cursor-drag { cursor: move } .swiper-scrollbar-lock { display: none } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain } .swiper-slide-zoomed { cursor: move } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff } .swiper-lazy-preloader-black { --swiper-preloader-color: #000 } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg) } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube { overflow: visible } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0 } .swiper-container-flip { overflow: visible } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1 } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden } /*# sourceURL=/skin/default/css/style.css */ /*@ sourceURL=/skin/default/css/style.css */ @charset "utf-8"; /* CSS Document */ button, input, textarea, select { outline: none; background: none; border: none; font-family: "微软雅黑"; box-shadow: none; -webkit-appearance: none; border-radius: 0; } a, *:before, *:after { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* *{ transition:all 0s \9 !important; } */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .iconfont:before { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .center_box { width: 1200px; margin: 0 auto; } .clearfix:after { content: ""; clear: both; height: 0; font-size: 0; display: block; visibility: hidden; *zoom: 1; } .clear { clear: both; } .fl { float: left; } .fr { float: right; } .pd_150 { padding: 150px; } .pd_tb150 { padding: 150px 0; } .pd_t150 { padding-top: 150px; } .pd_b150 { padding-bottom: 150px; } .pd_120 { padding: 120px; } .pd_tb100 { padding: 120px 0; } .pd_t120 { padding-top: 120px; } .pd_b120 { padding-bottom: 120px; } .pd_100 { padding: 100px; } .pd_tb100 { padding: 100px 0; } .pd_t100 { padding-top: 100px; } .pd_b100 { padding-bottom: 100px; } .pd_80 { padding: 80px; } .pd_tb80 { padding: 80px 0; } .pd_t80 { padding-top: 80px; } .pd_b80 { padding-bottom: 80px; } .pd_60 { padding: 60px; } .pd_tb60 { padding: 60px 0; } .pd_t60 { padding-top: 60px; } .pd_b60 { padding-bottom: 60px; } .pd_50 { padding: 50px; } .pd_tb50 { padding: 50px 0; } .pd_t50 { padding-top: 50px; } .pd_b50 { padding-bottom: 50px; } .pd_40 { padding: 40px; } .pd_tb40 { padding: 40px 0; } .pd_t40 { padding-top: 40px; } .pd_b40 { padding-bottom: 40px; } .pd_30 { padding: 30px; } .pd_tb30 { padding: 30px 0; } .pd_t30 { padding-top: 30px; } .pd_b30 { padding-bottom: 30px; } .pd_20 { padding: 20px; } .pd_tb20 { padding: 20px 0; } .pd_t20 { padding-top: 20px; } .pd_b20 { padding-bottom: 20px; } .pd_15 { padding: 15px; } .pd_tb15 { padding: 15px 0; } .pd_t15 { padding-top: 15px; } .pd_b15 { padding-bottom: 15px; } .pd_10 { padding: 10px; } .pd_tb10 { padding: 10px 0; } .pd_t10 { padding-top: 10px; } .pd_b10 { padding-bottom: 10px; } .pd_tb100 { padding: 100px 0; } .mg_t150 { margin-top: 150px; } .mg_b150 { margin-bottom: 150px; } .mg_t100 { margin-top: 100px; } .mg_b100 { margin-bottom: 100px; } .mg_tb80 { margin: 80px 0; } .mg_t80 { margin-top: 80px; } .mg_b80 { margin-bottom: 80px; } .mg_tb70 { margin: 70px 0; } .mg_t70 { margin-top: 70px; } .mg_b70 { margin-bottom: 70px; } .mg_tb60 { margin: 60px 0; } .mg_t60 { margin-top: 60px; } .mg_b60 { margin-bottom: 60px; } .mg_tb50 { margin: 50px 0; } .mg_t50 { margin-top: 50px; } .mg_b50 { margin-bottom: 50px; } .mg_tb40 { margin: 40px 0; } .mg_t40 { margin-top: 40px; } .mg_b40 { margin-bottom: 40px; } .mg_tb30 { margin: 30px 0; } .mg_t30 { margin-top: 30px; } .mg_b30 { margin-bottom: 30px; } .mg_tb20 { margin: 20px 0; } .mg_t20 { margin-top: 20px; } .mg_b20 { margin-bottom: 20px; } .mg_tb15 { margin: 15px 0; } .mg_t15 { margin-top: 15px; } .mg_b15 { margin-bottom: 15px; } .mg_tb10 { margin: 10px 0; } .mg_t10 { margin-top: 10px; } .mg_b10 { margin-bottom: 10px; } /* *{ font-family:"微软雅黑"; } */ body { font-size: medium !important; font-family: "微软雅黑"; font-family: 'PingFang SC', 'Microsoft Yahei', 'Source Han Sans', SimSun, 'Noto Sans CJK SC', 'Noto Sans CJK', source-han-sans-simplified-c, sans-serif; /* font-family:'SiYuan-ExtraLig1fd3bbf467523d' !important; */ -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; background: none; } @font-face { font-family: gunplay; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/Gunplay.ttf"); } @font-face { font-family: menk; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/MGQ8101.ttf"); } @font-face { font-family: twcen; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/TwCenMT.ttf"); } @font-face { font-family: geo; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/tt0663m.ttf"); } @font-face { font-family: frank; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/FRADMCN.TTF") } @font-face { font-family: geno; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/Genome-Thin.otf"); } @font-face { font-family: swis; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/tt0173m.ttf"); } @font-face { font-family: impact; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/impact.ttf"); } @font-face { font-family: nexa; src: url("http://gchz.huiyizhongxin.com/skin/default/css/../font/NexaBold.otf"); } .flex_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~首页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* header */ header { position: fixed; top: 0; left: 0; width: 100%; z-index: 980; transition: all .8s; } header.header_box2 { background: rgba(0, 0, 0, .5); top: -100px; } header.scr { top: -100px; } header .header_top { background: #fff; } header .header_top .center_box { height: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } header .logo img { display: block; max-width: 567px; max-height: 71px; } header .header_top .header_tel { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; color: #9d2933; } header .header_top .header_tel .iconfont { font-size: 30px; } header .header_top .header_tel span { font-family: impact; font-size: 30px; margin-left: 10px; } .header_height { height: 164px; } header .header_bot { background: #9d2933; } header .header_bot nav>ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; align-items: center; } header .header_bot nav ul>li>a { display: block; position: relative; height: 64px; line-height: 64px; padding: 0 28px; color: #fff; } header .header_bot nav ul>li>a span { font-weight: bold; } nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } nav ul>li { position: relative; } nav ul>li>a { font-size: 18px; color: #fff; display: block; position: relative; } /* 二级导航 */ nav ul>li .subnav li a { display: block; padding: 10px 0; text-align: center; font-size: 14px; color: #666; } nav ul>li .subnav { background: #fff; border-top: solid 2px #c19b76; position: absolute; width: 200%; left: -50%; top: 100%; -webkit-transform: perspective(300px) scaleY(0) translateZ(30px); transform: perspective(300px) scaleY(0) translateZ(30px); visibility: hidden; opacity: 0; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05); -webkit-transform-origin: top; transform-origin: top; visibility: hidden; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; } /* banner */ .m_banner { height: 0; overflow: hidden; } .banner_box { position: relative; } .banner_box .swiper-slide a { display: block; position: relative; width: 100%; max-height: calc(100vh - 164px); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .banner_box .swiper-slide a>img { display: block; width: 100%; min-height: 100%; } .banner_box .swiper-slide a .banner_txt { position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: 5; width: 1200px; height: 100%; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; } .banner_box .swiper-slide a .banner_txt img { display: block; max-height: 80%; max-width: 80%; } .banner_box .swiper-pagination { display: none; } .swiper-xn .iconfont { color: #fff; display: inline-block; font-size: 3vw; } .swiper-xn.swiper-button-next .iconfont { transform: rotate(-90deg); } .swiper-xn.swiper-button-prev .iconfont { transform: rotate(90deg); } .swiper-xn.swiper-button-next { right: 5%; } .swiper-xn.swiper-button-prev { left: 5%; } .swiper-xn.swiper-xn:after { display: none; } .banner_box .banner_mouse { position: absolute; color: #fff; bottom: 8vh; left: 50%; margin-left: -25px; z-index: 85; display: block; width: 50px; text-align: center; cursor: pointer; display: none; } .banner_box .banner_mouse img { display: inline-block; width: 46px; -webkit-animation: start 2s infinite ease-in-out; -moz-animation: start 2s infinite ease-in-out; -o-animation: start 2s infinite ease-in-out; animation: start 2s infinite ease-in-out; } @-webkit-keyframes start { 0%, 30% { opacity: 0; -webkit-transform: translate(0, -20px); } 60% { opacity: 1; -webkit-transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, 20px); } } @-moz-keyframes start { 0%, 30% { opacity: 0; -moz-transform: translate(0, -20px); } 60% { opacity: 1; -moz-transform: translate(0, 0); } 100% { opacity: 0; -moz-transform: translate(0, 20px); } } @-o-keyframes start { 0%, 30% { opacity: 0; -o-transform: translate(0, -20px); } 60% { opacity: 1; -o-transform: translate(0, 0); } 100% { opacity: 0; -o-transform: translate(0, 20px); } } @keyframes start { 0%, 30% { opacity: 0; transform: translate(0, -20px); } 60% { opacity: 1; transform: translate(0, 0); } 100% { opacity: 0; transform: translate(0, 20px); } } .swiper-mpg { display: none; } .swiper_pn .swiper-button-prev, .swiper_pn .swiper-button-next { position: static; margin-top: 0; opacity: 1; width: 40px; height: 40px; border: solid 2px #D1BA71; border-radius: 50%; color: #D1BA71; } .swiper_pn .swiper-button-prev:after, .swiper_pn .swiper-button-next:after { font-size: 20px; color: inherit; } .swiper_pn .swiper-button-prev { margin-right: 10px; } .swiper_pn .swiper-button-prev:not(.swiper-button-disabled):hover, .swiper_pn .swiper-button-next:not(.swiper-button-disabled):hover { background: #D1BA71; color: #fff; } /* 标题 */ .home_tit { color: #fff; } .home_tit .home_titt, .home_tit .home_titb { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .home_tit .home_line { width: 100px; height: 1px; } .home_tit .home_line i { display: block; width: 100px; height: 1px; background: #fff; opacity: .4; } .home_titt .home_line { margin-left: 20px; } .home_titb .home_line { margin-right: 20px; -webkit-justify-content: flex-end; justify-content: flex-end; } .home_tit h2 { font-size: 30px; font-weight: bold; } .home_tit .home_ten { font-size: 20px; text-transform: uppercase; } .homeLine { -webkit-animation-name: homeLine; animation-name: homeLine; -webkit-animation-delay: .5s; animation-delay: .5s; } @keyframes homeLine { 0% { width: 0; } 100% { width: 100%; } } /* 关于我们 */ .abo_box { background-size: cover; } .abo_box .abo_txt { color: #fff; } .abo_box .abo_exp { font-size: 20px; text-align: center; } .abo_box .abo_w { font-size: 14px; color: #fff; } .abo_box .abo_info ul { -webkit-justify-content: space-around; justify-content: space-around; } .abo_box .abo_info ul li .abo_ss { display: block; color: #fff; text-align: center; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .abo_box .abo_info ul li:nth-of-type(1) .abo_ss { -webkit-animation-delay: .3s; animation-delay: .3s; } .abo_box .abo_info ul li:nth-of-type(2) .abo_ss { -webkit-animation-delay: .6s; animation-delay: .6s; } .abo_box .abo_info ul li:nth-of-type(3) .abo_ss { -webkit-animation-delay: .9s; animation-delay: .9s; } .abo_box .abo_info ul li:nth-of-type(4) .abo_ss { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .abo_box .abo_info ul li:nth-of-type(5) .abo_ss { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .abo_box .abo_info ul li:nth-of-type(6) .abo_ss { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } .abo_box .abo_info ul li:nth-of-type(7) .abo_ss { -webkit-animation-delay: 2.1s; animation-delay: 2.1s; } .abo_box .abo_info ul li:nth-of-type(8) .abo_ss { -webkit-animation-delay: 2.4s; animation-delay: 2.4s; } .abo_box .abo_info ul li:nth-of-type(9) .abo_ss { -webkit-animation-delay: 2.7s; animation-delay: 2.7s; } .abo_box .abo_info ul li:nth-of-type(10) .abo_ss { -webkit-animation-delay: 3s; animation-delay: 3s; } .abo_box .abo_info ul li .abo_ss .abo_icon { display: block; text-align: center; height: 66px; } .abo_box .abo_info ul li .abo_ss .iconfont { font-size: 50px; } .abo_box .abo_info ul li .abo_ss .iconfont.icon-huiyi1 { font-size: 58px; } .abo_box .abo_info ul li .abo_ss p { font-size: 14px; } /* 有什么服务 */ .sort_box ul li { width: 25%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sort_box ul li a { display: block; width: 100%; height: 100%; position: relative; color: #fff; } .sort_box ul li a>img { display: block; width: 100%; height: 100%; } .sort_box ul li a .sort_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 12.5%; background: rgba(0, 0, 0, .4); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; transition: background-color .35s; } .sort_box ul li a .sort_wrap .sort_icon { display: block; height: 65px; } .sort_box ul li a .sort_wrap .sort_icon .iconfont { font-size: 56px; } .sort_box ul li a .sort_wrap .sort_tit { font-size: 24px; font-weight: bold; padding-top: 2.5vw; margin-bottom: 1.5vw; } .sort_box ul li a .sort_wrap .sort_txt { font-size: 14px; color: #fff; max-height: 0; overflow: hidden; -webkit-line-clamp: 5; -moz-line-clamp: 5; -o-line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; transition: all .35s; } .sort_box ul li a .sort_wrap .sort_more { margin-top: 2.5vw; font-size: 14px; padding: 10px 40px; border-radius: 200px; border: solid 1px rgba(255, 255, 255, .3); transition: all .35s; } /* 新闻活动 */ .news_box { background: url("/index_files/news_bg.jpg") no-repeat center center; background-size: cover; } .news_box .center_box { width: 92%; } .news_list a { display: block; } .news_list .news_img { display: block; overflow: hidden; } .news_box .news_list .news_img { height: calc((100vw - 17px - 120px) / 3 * 306 / 544); } .news_list .news_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .news_box .news_list a { color: #fff; } .news_box .news_list .swiper-slide { width: calc((100vw - 17px - 120px) / 3); margin-right: 60px; } .news_list .news_txt { padding-top: 30px; } .news_list .news_txt h3 { font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list .news_txt span { display: block; font-size: 14px; padding-top: 5px; } .news_box .news_list .news_txt span { color: #fff; } .news_box .news_con .swiper-container { padding-bottom: 60px; } .news_box .swiper-pagination-bullet { background: #fff; width: 20px; height: 4px; border-radius: 20px; transition: all .35s; } .news_box .swiper-pagination-bullet-active { background: #9D2933; width: 40px; } .news_box .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0; } /* 图片展示 */ .pics_box { background: url("/index_files/pics_bg.jpg") no-repeat center center; background-size: cover; overflow: hidden; } .pics_box .picMarquee-left .bd ul { overflow: hidden; zoom: 1; height: 22.4vw; } .pics_box .picMarquee-left .bd ul>li { float: left; width: 68.75vw; _display: inline; overflow: hidden; text-align: center; } .pics_box .picMarquee-left .bd ul>li ol { display: -webkit-grid; display: grid; grid-row-gap: 1.5vw; grid-column-gap: 1.5vw; grid-auto-flow: row dense; grid-template-columns: 15.625vw 15.625vw 15.625vw 15.625vw; grid-template-rows: 10.4vw 10.4vw; } .pics_box .picMarquee-left .bd ul>li ol li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .pics_box .picMarquee-left .bd ul>li ol li .pics_ss { display: block; width: 100%; height: 100%; overflow: hidden; } .pics_box .picMarquee-left .bd ul>li ol li .pics_ss img { display: block; width: 100%; height: 100%; transition: all 2s; } .pics_box .picMarquee-left .bd ul>li ol li:nth-of-type(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .pics_box .picMarquee-left .bd ul>li ol li:nth-of-type(2) { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } .pics_box .picMarquee-left .bd ul>li ol li:nth-of-type(3) { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .pics_box .picMarquee-left .bd ul>li ol li:nth-of-type(4) { grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } .pics_box .picMarquee-left .bd ul>li ol li:nth-of-type(5) { grid-column-start: 4; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } /* 页脚 */ footer { background: #1c1c1c; } footer .footer_top .footer_l { padding-left: 50px; } footer .footer_top .footer_l .footer_logo { margin-left: -50px; display: block; } footer .footer_top .footer_l .footer_logo img { display: block; max-height: 48px; } footer .footer_top .footer_l .footer_tel>p { color: #999; } footer .footer_top .footer_l .footer_tel>p .iconfont, footer .footer_top .footer_l .footer_tel>p span { font-size: 14px; } footer .footer_top .footer_l .footer_tel>p .iconfont { padding-right: 8px; } footer .footer_top .footer_l .footer_tel>a { display: block; font-size: 48px; font-family: arial; font-style: italic; background: -webkit-linear-gradient(top, #e1c471, #f6e1a3, #dfc067); background: -moz-linear-gradient(top, #e1c471, #f6e1a3, #dfc067); background: -o-linear-gradient(top, #e1c471, #f6e1a3, #dfc067); background: linear-gradient(to bottom, #e1c471, #f6e1a3, #dfc067); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; } footer .footer_top .footer_r { -webkit-align-items: center; align-items: center; } footer .footer_top .footer_r .footer_cpr { line-height: 2; max-width: 340px; } footer .footer_top .footer_r .footer_cpr>* { display: block; } footer .footer_top .footer_r .footer_cpr, footer .footer_top .footer_r .footer_cpr a { font-size: 14px; color: #666; } footer .footer_top .footer_r .footer_nav ul>li { margin-right: 60px; } footer .footer_top .footer_r .footer_nav ul>li dt { font-size: 16px; font-weight: bold; color: #fff; padding-bottom: 20px; } footer .footer_top .footer_r .footer_nav ul>li dd { margin-top: 8px; } footer .footer_top .footer_r .footer_nav ul>li dd a { display: block; font-size: 14px; color: #666; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~内页~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* 内页-banner */ .inner_banner { position: relative; overflow: hidden; } .inner_banner>img { display: block; width: 100%; min-height: 100%; } .inner_banner .inner_b_txt { position: absolute; top: 0; left: 50%; transform: translateX(-50%); height: 100%; z-index: 3; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; } .inner_banner .inner_b_txt .inner_b_wrap { text-align: center; position: relative; width: 108px; height: 108px; border: solid 1px #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } .inner_banner .inner_b_txt .inner_b_wrap:before { content: ""; position: absolute; width: 40px; height: 40px; background: rgba(255, 255, 255, .3); top: 50%; left: 50%; transform: translate(-50%, -50%); } .inner_banner .inner_b_txt h2 { font-size: 30px; font-weight: bold; color: #fff; letter-spacing: .3em; padding-left: .3em; line-height: 1.25; position: relative; z-index: 3; } .inner_banner .inner_b_txt span { font-size: 14px; color: #4f4f4f; font-family: arial; text-transform: uppercase; position: relative; } .scaleBox { -webkit-animation-name: scaleBox; animation-name: scaleBox; } @keyframes scaleBox { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } .article_w { font-size: 16px; color: #333; line-height: 1.75; text-align: justify; text-align-last: left; } .article_w img { max-width: 100% !important; height: auto !important; } .article_w strong { font-weight: bold; } .article_w *:not(strong) { font-weight: inherit; } /* 内页-关于我们 */ .inner_abo .inner_a_s1 { overflow: hidden; } .inner_abo .inner_a_s1 .center_box { -webkit-justify-content: space-between; justify-content: space-between; } .inner_abo .inner_a_s1 .inner_a_l { width: 410px; } .inner_abo .inner_a_s1 .inner_a_img { width: 630px; padding: 0 20px 0 50px; border-left: solid 1px #9D2933; position: relative; } .inner_abo .inner_a_s1 .inner_a_img:before { content: ""; position: absolute; z-index: -1; top: -20px; right: 0; bottom: 20px; width: 280px; background: #9D2933; } .inner_abo .inner_a_s1 .inner_a_img img { display: block; width: 100%; } .inner_abo .inner_a_s1 .inner_a_title .inner_a_tit { font-size: 30px; color: #333; line-height: 1.4; } .inner_abo .inner_a_s1 .inner_a_title .inner_a_exp { font-size: 14px; color: #666; line-height: 1.7; } .inner_abo .inner_a_s1 .inner_a_txt { font-size: 14px; color: #000; position: relative; height: 100%; } .inner_abo .inner_a_s1 .inner_a_txt:before, .inner_abo .inner_a_s2 .center_box:before { content: ""; position: absolute; z-index: -1; background: #faf4f5; width: 835px; top: 0; left: -50px; bottom: 0; } .inner_abo .inner_a_s2 .center_box { position: relative; } .inner_abo .inner_a_s2 .inner_a_title { -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .inner_abo .inner_a_s2 .inner_a_title h3 { max-width: 690px; padding: 0 60px; position: relative; font-size: 20px; font-weight: bold; line-height: 1.5; text-align: center; color: #9D2933; } .inner_abo .inner_a_s2 .inner_a_title h3:before, .inner_abo .inner_a_s2 .inner_a_title h3:after { position: absolute; top: 50%; transform: translateY(-50%); font-size: 34px; color: #9D2933; font-weight: 200; } .inner_abo .inner_a_s2 .inner_a_title h3:before { content:"{"; left: 0; } .inner_abo .inner_a_s2 .inner_a_title h3:after { content: "}"; right: 0; } .inner_abo .inner_a_s2 .inner_a_title>i { border-left: solid 4px transparent; border-right: solid 4px transparent; border-top: solid 4px #9D2933; } .inner_abo .inner_a_s2 .inner_a_pics ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -24px; margin-bottom: -24px; } .inner_abo .inner_a_s2 .inner_a_pics ul li { width: 25%; margin-bottom: 24px; } .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img { display: block; margin-left: 24px; height: 200px; overflow: hidden; } .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img img { display: block; width: 100%; height: 100%; transition: all 2s; } /* 内页-国测客房 */ .inner_room .inner_r_s1 .inner_r_top { position: relative; } .inner_room .inner_r_s1 .gallery-top { box-shadow: 0 0 20px rgba(0, 0, 0, .05); } .inner_room .inner_r_s1 .swiper-pagination-d { display: none; } .inner_room .inner_r_s1 .inner_r_con { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff; } .inner_room .inner_r_s1 .inner_r_con .inner_rl, .inner_room .inner_r_s1 .inner_r_con .inner_rr { width: 50%; } .inner_room .inner_r_s1 .inner_r_con .inner_rl .inner_r_img { display: block; height: 480px; } .inner_room .inner_r_s1 .inner_r_con .inner_rl .inner_r_img img { display: block; width: 100%; height: 100%; } .inner_room .inner_r_s1 .inner_r_con .inner_rr { padding: 0 7.5%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; position: relative; } .inner_room .inner_r_s1 .inner_r_con .inner_rr:before { content: ""; position: absolute; /* z-index:-1; */ width: 27%; left: 36.5%; top: 80px; bottom: 80px; border: solid 1px #ebd4d6; } .inner_room .inner_r_s1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25px; } .inner_room .inner_r_s1 .swiper-pagination-bullet { border-radius: 0; opacity: 1; background: #fff; margin: 0 6px; } .inner_room .inner_r_s1 .swiper-pagination-bullet-active { background: #9D2933; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit { text-align: center; font-size: 0; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit, .inner_room .inner_r_s1 .inner_r_con .inner_rr_txt { position: relative; z-index: 3; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit h4 { font-size: 30px; color: #333; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit i { display: inline-block; width: 20px; height: 1px; background: #9D2933; margin: 30px 0 50px; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_txt { font-size: 14px; overflow: hidden; -webkit-line-clamp: 5; -moz-line-clamp: 5; -o-line-clamp: 5; -webkit-line-clamp: 5; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-d { opacity: 1; color: #999; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-next-d { right: -6vw; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-prev-d { left: -6vw; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-d:after { display: none; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-d .iconfont { font-size: 3vw; } .inner_room .inner_r_s1 .gallery-thumbs .swiper-slide { font-size: 20px; color: #333; transition: color .35s; cursor: pointer; } .inner_room .inner_r_s1 .gallery-thumbs .swiper-slide-thumb-active { font-weight: bold; color: #9D2933; } .inner_room .inner_r_s2 .center_box { position: relative; } .inner_room .inner_r_s2 .inner_r_img { display: block; } .inner_room .inner_r_s2 .inner_r_img img { display: block; width: 100%; } .inner_room .inner_r_s2 .inner_r_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 11.6%; text-align: center; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_icon { display: inline-block; width: 60px; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_icon img { display: block; width: 100%; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_txt { color: #fff; text-align: center; text-align-last: center; } /* 内页-标题 */ .inner_title { text-align: center; } .inner_title .inner_tit { font-size: 30px; color: #333; } .inner_title .inner_dec { display: block; height: 12px; position: relative; } .inner_title .inner_dec:before, .inner_title .inner_dec:after { content: ""; position: absolute; width: 17px; height: 1px; background: #9D2933; left: 50%; top: 50%; } .inner_title .inner_dec:before { transform: translate(-50%, -50%) rotate(-45deg); } .inner_title .inner_dec:after { transform: translate(-50%, -50%) rotate(45deg); } .inner_title .inner_exp { text-align: center; text-align-last: center; line-height: 2.1875; } /* 内页-会议会展 */ .inner_conf .inner_c_s1 ul>li { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 60px; } .inner_conf .inner_c_s1 ul>li:nth-of-type(even) { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .inner_conf .inner_c_s1 .inner_c_swiper { width: 900px; box-shadow: 0 0 20px rgba(0, 0, 0, .05); } .inner_conf .inner_c_s1 .inner_c_swiper .inner_c_img { display: block; height: 568px; } .inner_conf .inner_c_s1 .inner_c_swiper .inner_c_img img { display: block; width: 100%; height: 100%; } .inner_conf .inner_c_s1 .inner_c_wrap { position: absolute; z-index: 3; background: #fafafa; top: 45px; bottom: 45px; right: 0; width: 600px; padding: 50px 60px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: .4s; animation-delay: .4s; } .inner_conf .inner_c_s1 ul>li:nth-of-type(even) .inner_c_wrap { right: auto; left: 0; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_tit { font-size: 30px; color: #333; text-align: center; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item { width: 50%; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; color: #9D2933; padding: 25px 40px; border-bottom: solid 1px #7d7d7d; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item:nth-of-type(1) { padding-left: 0; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item:nth-of-type(2) { padding-right: 0; border-left: solid 1px #7d7d7d; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item .iconfont { font-size: 18px; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item .inner_c_w { font-size: 14px; width: calc(100% - 30px); } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_txt { font-size: 14px; overflow: hidden; -webkit-line-clamp: 6; -moz-line-clamp: 6; -o-line-clamp: 6; -webkit-line-clamp: 6; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-box-orient: vertical; display: -webkit-box; display: -moz-box; display: -o-box; display: -webkit-box; } .inner_c_arrow { position: absolute; width: 100%; bottom: 60px; padding: 0 58px; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inner_conf .inner_c_s1 ul>li:nth-of-type(even) .inner_c_arrow { -webkit-justify-content: flex-end; justify-content: flex-end; } .inner_c_arrow .swiper-button-c { position: static; margin: 0 2px; width: 44px; height: 44px; background: #fff; color: #9D2933; transition: background-color .35s; } .inner_c_arrow .swiper-button-c:after { font-size: 16px; } .inner_conf .inner_c_s2 { background: url("/index_files/inner_c_s2_bg.jpg") no-repeat center center; background-size: cover; } .inner_conf .inner_c_s2 .inner_title .inner_tit { color: #fff; font-size: 20px; } .inner_conf .inner_c_s2 .inner_title .inner_dec:before, .inner_conf .inner_c_s2 .inner_title .inner_dec:after { background: #fff; } .inner_conf .inner_c_s2 .inner_title .inner_exp { font-size: 30px; color: #fff; font-weight: bold; } .inner_conf .inner_c_s2 .inner_slogan { display: inline-block; font-size: 18px; color: #333; padding: 16px 100px; background: #fff; } /* 内页-餐饮宴会 */ .inner_cater .inner_ca_s1 .inner_ca_img { display: block; } .inner_cater .inner_ca_s1 .inner_ca_img img { display: block; width: 100%; } .inner_cater .inner_ca_s1 .inner_c_arrow { bottom: 50%; transform: translateY(50%); padding: 0 20px; -webkit-justify-content: space-between; justify-content: space-between; } .inner_cater .inner_ca_s2 ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_cater .inner_ca_s2 ul li { width: 50%; background: #fafafa; -webkit-flex-direction: column; flex-direction: column; } .inner_cater .inner_ca_s2 ul li:nth-of-type(even) { -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .inner_cater .inner_ca_s2 ul li>* { height: 320px; } .inner_cater .inner_ca_s2 ul li .inner_ca_img { display: block; overflow: hidden; } .inner_cater .inner_ca_s2 ul li .inner_ca_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt { -webkit-align-items: center; align-items: center; padding: 10px 80px; position: relative; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt:before { content: ""; position: absolute; width: 24px; height: 24px; background: #9D2933; bottom: 0; left: 0; } .inner_cater .inner_ca_s2 ul li:nth-of-type(even) .inner_ca_txt:before { bottom: auto; left: auto; right: 0; top: 0; } /* 内页-娱乐设施 */ .inner_nter .inner_nt_s1 ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-bottom: -10px; } .inner_nter .inner_nt_s1 ul li { width: 20%; margin-bottom: 10px; } .inner_nter .inner_nt_s1 ul li .inner_nt_img { display: block; overflow: hidden; height: 160px; margin-left: 10px; } .trs_img { display: block; overflow: hidden; } .trs_img img { display: block; width: 100%; height: 100%; transition: all 2s; } .inner_nter .inner_nt_s2 .inner_nt_txt { position: absolute; top: 50px; left: 60px; color: #fff; width: 460px; font-weight: bold; z-index: 9; -webkit-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-delay: .4s; animation-delay: .4s; } .inner_nter .inner_nt_s2 ul>li+li { margin-top: 60px; } .inner_nter .inner_nt_s2 ul>li:nth-of-type(even) .inner_nt_txt { left: auto; right: 60px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; text-align: right; text-align-last: right; } .inner_nter .inner_nt_s2 .inner_c_arrow { bottom: 30px; padding: 0 28px; } .inner_nter .inner_nt_s2 ul>li:nth-of-type(odd) .inner_c_arrow { -webkit-justify-content: flex-end; justify-content: flex-end; } /* 内页-新闻活动 */ .inner_news .news_list ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -40px; margin-bottom: -40px; } .inner_news .news_list ul li { width: 33.33333%; margin-bottom: 40px; } .inner_news .news_list ul li a { margin-left: 40px; color: #111; } .inner_news .news_list .news_txt { padding-top: 15px; } .inner_news .news_list .news_txt h3 { font-size: 16px; } .inner_news .news_list .news_txt span { color: #999; } .inner_news .news_list .news_img { height: 210px; } /* 内页-文章详情 */ .inner_news_show_tit { text-align: center; } .inner_news_show_tit h3 { font-size: 24px; color: #9D2933; font-weight: bold; margin-bottom: 10px; } .inner_news_show_tit span { display: inline-block; margin: 0 10px; font-size: 14px; color: #999; } /* 内页-联系我们 */ .inner_cta .inner_cta_s1 .center_box { box-shadow: 0 0 20px rgba(0, 0, 0, .05); } .inner_cta .inner_cta_s1 .inner_cta_map, .inner_cta .inner_cta_s1 .inner_cta_r { width: 50%; } .inner_cta .inner_cta_s1 .inner_cta_map #dituContent { width: 100%; height: 426px; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_tit { font-size: 16px; font-weight: bold; color: #9d2933; border-bottom: solid 1px #9D2933; } .inner_cta .inner_cta_s1 .inner_cta_r li { margin-top: 17px; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_con { padding-top: 5px; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_ss { -webkit-justify-content: space-between; justify-content: space-between; color: #333; font-size: 14px; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_ss p { width: 40%; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_ss i { width: 15%; margin: 0 5%; } .inner_cta .inner_cta_s1 .inner_cta_r .inner_cta_ss span { max-width: 35%; } /* 内页-酒店外景 */ .inner_ext .inner_ext_list ul { display: -webkit-grid; display: grid; grid-row-gap: 40px; grid-column-gap: 40px; grid-auto-flow: row dense; grid-template-columns: repeat(2, 580px); grid-template-rows: repeat(4, 320px); } .inner_ext .inner_ext_list ul li:nth-of-type(6n-5) { grid-row-end: span 2; } .inner_ext .inner_ext_list ul li:nth-of-type(6n-1) { grid-row-end: span 2; } .inner_ext .inner_ext_list ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .inner_ext .inner_ext_list ul li .inner_ext_ss { overflow: hidden; } .inner_ext .inner_ext_list ul li .inner_ext_ss, .inner_ext .inner_ext_list ul li .inner_ext_ss img { display: block; width: 100%; height: 100%; } .inner_ext .inner_ext_list ul li .inner_ext_ss img { transition: all 2s; } /* 当前位置 */ .inner_loc { position: relative; z-index: 10; } .inner_loc .center_box { border-bottom: solid 1px #eee; } .inner_loc, .inner_loc a { color: #333; font-size: 14px; } .inner_loc a, .inner_loc span { padding: 0 3px; } .inner_loc .iconfont { font-size: 16px; font-weight: bold; padding-right: 4px; color: #a9a9a9; } .inner_loc a:hover { color: #9d2933; } /* 列表翻页 */ .list_pages .pagination { font-size: 0; overflow: hidden; position: relative; text-align: center; } .list_pages .pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 6px 10px; } .list_pages .pagination li a { display: block; font-size: 16px; color: #333; /* width:36px; */ height: 36px; text-align: center; line-height: 34px; overflow: hidden; border: solid 1px #bfbfbf; padding: 0 10px; } .list_pages .pagination li.pg_prev a, .list_pages .pagination li.pg_next a { background: none !important; color: #303030; width: auto; padding: 0 25px; } .list_pages .pagination li.active a { background: #9D2933; border-color: #9D2933; color: #fff; } .list_pages .pagination li.active a:hover { color: #fff !important; } .list_pages .pagination li:not(.disabled) a:hover { color: #9D2933; border-color: #9D2933; } .list_pages .pagination li.pg_prev:not(.disabled) a:hover, .list_pages .pagination li.pg_next:not(.disabled) a:hover { color: #9D2933; } /* 内页-当前位置 */ .inner_locnav .center_box { position: relative; } .inner_locnav .inner_loc, .inner_locnav .inner_loc a { color: #999; } .inner_locnav .inner_loc a, .inner_locnav .inner_loc span { padding: 0 3px; font-size: 14px; } .inner_locnav .inner_loc .iconfont { font-size: 20px; vertical-align: -3px; font-weight: bold; padding-right: 4px; } .inner_locnav .inner_loc a:hover { color: #c19b76; } /* 内容翻页 */ .inner_pnpage { overflow: hidden; } .inner_pnpage>a { overflow: hidden; } .inner_pnpage>a span, .inner_pnpage>a p { float: left; font-size: 16px; color: #333; } .inner_pnpage>a p { color: #888; max-width: 330px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .35s; } .inner_pnpage>a:hover p { color: #9d2933; } .inner_pnpage .inner_pnpage_prev { float: left; } .inner_pnpage .inner_pnpage_next { float: right; } /* 地图 */ .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } .inner_cta #dituContent * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } @media screen and (min-width:1201px) { /* header */ nav ul>li>a:before { content: ""; position: absolute; top: 0; height: 0; left: 0; width: 100%; } nav ul>li>a:before { background: rgba(255, 255, 255, .1); transition: all .5s; } nav ul>li>a span { position: relative; z-index: 10; } nav ul>li>a:hover:before, nav ul>li.active>a:before { height: 100%; } nav ul>li>a:hover:after, nav ul>li.active>a:after { height: 4px; } nav ul>li:hover .subnav { -webkit-transform: perspective(300px) scaleY(1) translateZ(0); transform: perspective(300px) scaleY(1) translateZ(0); visibility: visible; opacity: 1; } nav ul>li .subnav li a:hover { background: #c19b76; color: #fff; } /* banner */ .banner_box .swiper-slide a>img { transform-style: preserve-3d; } .banner_box .swiper-slide-active a>img { transform-style: preserve-3d; transform: scale(1.05); transition: 7s; } .swiper-xn .iconfont { transition: all .35s; } .swiper-xn:hover .iconfont { color: #9D2933 !important; } /* 有什么服务 */ .sort_box ul li a:hover .sort_wrap { background: rgba(157, 41, 51, .9); } .sort_box ul li a:hover .sort_wrap .sort_txt { max-height: 120px; } .sort_box ul li a .sort_wrap .sort_more:hover { background: rgba(255, 255, 255, .3); } /* 新闻活动 */ .news_list a:hover .news_txt h3 { font-weight: bold; } .news_list a:hover .news_img img { transform: scale(1.06); } .inner_news .news_list ul li a:hover { color: #9D2933; } /* 图片展示 */ .pics_box .picMarquee-left .bd ul>li ol li:hover .pics_ss img { transform: scale(1.06); } /* 页脚 */ footer a:hover { color: #fff !important; } /* 内页-关于我们 */ .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img:hover img { transform: scale(1.06); } /* 内页-国测客房 */ .inner_room .inner_r_s1 .inner_r_top .swiper-button-d:hover { color: #9D2933; } .inner_room .inner_r_s1 .gallery-thumbs .swiper-slide:hover { font-weight: bold; color: #9D2933; } .inner_room .inner_r_s1 .inner_r_con:hover .inner_rr:before { background: #FAF4F5; border-color: #FAF4F5; } /* 内页-会议会展 */ .inner_c_arrow .swiper-button-c:hover { background: #9D2933; color: #fff; } /* 内页-餐饮宴会 */ .inner_cater .inner_ca_s2 ul li .inner_ca_img:hover img { transform: scale(1.06); } /* 内页-娱乐设施 */ .inner_nter .inner_nt_s1 ul li:hover .trs_img img { transform: scale(1.06); } /* 内页-酒店外景 */ .inner_ext .inner_ext_list ul li:hover .inner_ext_ss img { transform: scale(1.06); } } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~手机版~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ @media (min-width: 320px) and (max-width:359px) { html { font-size: 32px !important; } } @media (min-width: 360px) and (max-width:374px) { html { font-size: 36px !important; } } @media (min-width: 375px) and (max-width:383px) { html { font-size: 37.5px !important; } } @media (min-width: 384px) and (max-width:413px) { html { font-size: 38.4px !important; } } @media (min-width: 414px) and (max-width:447px) { html { font-size: 41.4px !important; } } @media (min-width: 448px) and (max-width:479px) { html { font-size: 44.8px !important; } } @media (min-width: 480px) and (max-width:511px) { html { font-size: 48px !important; } } @media (min-width: 512px) and (max-width:543px) { html { font-size: 51.2px !important; } } @media (min-width: 544px) and (max-width:575px) { html { font-size: 54.4px !important; } } @media (min-width: 576px) and (max-width:607px) { html { font-size: 57.6px !important; } } @media (min-width: 608px) and (max-width:639px) { html { font-size: 60.8px !important; } } @media (min-width: 640px) and (max-width:1200px) { html { font-size: 60.8px !important; } } input.hamburger { display: none; } nav>ul>li>a .iconfont_jiantou { display: none; } @media screen and (max-width:1200px) { .center_box { width: 92%; } .pd_150 { padding: 1.7rem; } .pd_tb150 { padding: 1.7rem 0; } .pd_t150 { padding-top: 1.7rem; } .pd_b150 { padding-bottom: 1.7rem; } .pd_120 { padding: 1.4rem; } .pd_tb120 { padding: 1.4rem 0; } .pd_t120 { padding-top: 1.4rem; } .pd_b120 { padding-bottom: 1.4rem; } .pd_100 { padding: 1.2rem; } .pd_tb100 { padding: 1.2rem 0; } .pd_t100 { padding-top: 1.2rem; } .pd_b100 { padding-bottom: 1.2rem; } .pd_80 { padding: 1rem; } .pd_tb80 { padding: 1rem 0; } .pd_t80 { padding-top: 1rem; } .pd_b80 { padding-bottom: 1rem; } .pd_70 { padding: .9rem; } .pd_tb70 { padding: .9rem 0; } .pd_t70 { padding-top: .9rem; } .pd_b70 { padding-bottom: .9rem; } .pd_60 { padding: .8rem; } .pd_tb60 { padding: .8rem 0; } .pd_t60 { padding-top: .8rem; } .pd_b60 { padding-bottom: .8rem; } .pd_50 { padding: .7rem; } .pd_tb50 { padding: .7rem 0; } .pd_t50 { padding-top: .7rem; } .pd_b50 { padding-bottom: .7rem; } .pd_40 { padding: .6rem; } .pd_tb40 { padding: .6rem 0; } .pd_t40 { padding-top: .6rem; } .pd_b40 { padding-bottom: .6rem; } .pd_30 { padding: .5rem; } .pd_tb30 { padding: .5rem 0; } .pd_t30 { padding-top: .5rem; } .pd_b30 { padding-bottom: .5rem; } .pd_20 { padding: .4rem; } .pd_tb20 { padding: .4rem 0; } .pd_t20 { padding-top: .4rem; } .pd_b20 { padding-bottom: .4rem; } .pd_15 { padding: .35rem; } .pd_tb15 { padding: .35rem 0; } .pd_t15 { padding-top: .35rem; } .pd_b15 { padding-bottom: .35rem; } .mg_t150 { margin-top: 1.7rem; } .mg_b150 { margin-bottom: 1.7rem; } .mg_t100 { margin-top: 1.2rem; } .mg_b100 { margin-bottom: 1.2rem; } .mg_tb80 { margin: 1rem 0; } .mg_t80 { margin-top: 1rem; } .mg_b80 { margin-bottom: 1rem; } .mg_tb60 { margin: .8rem 0; } .mg_t60 { margin-top: .8rem; } .mg_b60 { margin-bottom: .8rem; } .mg_tb50 { margin: .7rem 0; } .mg_t50 { margin-top: .7rem; } .mg_b50 { margin-bottom: .7rem; } .mg_tb40 { margin: .6rem 0; } .mg_t40 { margin-top: .6rem; } .mg_b40 { margin-bottom: .6rem; } .mg_tb30 { margin: .5rem 0; } .mg_t30 { margin-top: .5rem; } .mg_b30 { margin-bottom: .5rem; } .mg_tb20 { margin: .4rem 0; } .mg_t20 { margin-top: .4rem; } .mg_b20 { margin-bottom: .4rem; } .mg_tb15 { margin: .3rem 0; } .mg_t15 { margin-top: .3rem; } .mg_b15 { margin-bottom: .3rem; } .mg_tb10 { margin: .2rem 0; } .mg_t10 { margin-top: .2rem; } .mg_b10 { margin-bottom: .2rem; } body { overflow-x: hidden; } .menu { position: fixed; top: 0; right: 1%; width: 44px; height: 60px; z-index: 99999; } .menu:hover { cursor: pointer; } .menu>i { position: absolute; width: 24px; height: 2px; top: 50%; left: 10px; background-color: #9D2933; pointer-events: auto; transition-duration: .35s; transition-delay: .35s; } .menu>i:before, .menu>i:after { position: absolute; display: block; width: 100%; height: 2px; top: 0; left: 50%; background-color: #9D2933; content: ""; transition: -webkit-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu>i:before { -webkit-transform: translate(-50%, -7px); transform: translate(-50%, -7px); } .menu>i:after { -webkit-transform: translate(-50%, 7px); transform: translate(-50%, 7px); } .menu_bg { position: fixed; width: 100vw; height: 0; top: 0; left: 0; z-index: 999; background: #fff; -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000); } input.hamburger:checked~.menu_bg { height: 100vh; } input.hamburger { height: 0; display: none; } input.hamburger:checked~label.menu>i { background-color: transparent; -webkit-transform: rotate(90deg); transform: rotate(90deg); } input.hamburger:checked~label.menu>i:before { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } input.hamburger:checked~label.menu>i:after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } input.hamburger:checked~.header_bot nav { top: 0; opacity: 1; } /* ~~~~~~~~~~~~~~~~~~ */ header, body, html { width: 100vw !important; } /* header */ header { padding: 0 !important; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } header.scr, header.header_box2 { top: 0; } header .header_top .center_box, .header_height { height: 60px; } header .header_top .header_tel { margin-right: 40px; } header .header_top .header_tel span { display: none; } header nav { width: 92%; height: 100%; position: fixed; top: -100%; left: 4%; z-index: 9999; transition: all .35s; opacity: 0; color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } header .logo img { max-height: 40px; max-width: 60vw; } nav>ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } nav>ul>li { width: 100%; margin: 0; border-bottom: solid 1px #dfdfdf; padding: .6vh 2vw; } header .header_bot nav ul>li>a { color: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } header .header_bot nav ul>li.active>a { color: #9D2933; } nav>ul>li>a { color: #333; font-size: 16px; display: block; padding: 0 !important; height: auto !important; line-height: 3 !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } nav>ul>li>a .iconfont_jiantou { display: block; fonts-size: 16px; color: #999; } nav>ul>li.active>a .iconfont_jiantou { color: inherit; } nav>ul>li>a:after { display: none; } nav>ul>li>a:hover, nav>ul>li.active>a { color: #c19b76; font-weight: bold; } header nav ul>li+li>a:before { display: none; } nav>ul>li.has_subnav>a { position: relative; padding-right: 30px; } nav>ul>li.has_subnav>a:before { content: ""; position: absolute; border-left: solid 6px transparent; border-right: solid 6px transparent; border-top: solid 6px #ccc; top: 50%; margin-top: -3px; right: 0; } nav>ul>li.has_subnav.current>a:before { border-top-color: #c19b76; } .subnav ol li a { text-align: left; } nav ul>li .subnav { position: static; width: 100%; border-top: none; box-shadow: none; -webkit-transform: perspective(300px) scaleY(0) translateZ(30px); transform: perspective(300px) scaleY(0) translateZ(30px); visibility: hidden; opacity: 0; -webkit-transform-origin: top; transform-origin: top; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease, height 500ms ease, max-height 500ms ease; max-height: 0; padding: 0 8vw; } nav ul>li.current .subnav { -webkit-transform: perspective(300px) scaleY(1) translateZ(0); transform: perspective(300px) scaleY(1) translateZ(0); visibility: visible; opacity: 1; max-height: 312px; } nav ul>li .subnav li a { text-align: left; } header .header_slogan { padding: 0; line-height: 60px; } .inner_header.scr~#scrolly_box .header_height, .inner_header~#scrolly_box .header_height { height: 60px; } /* banner */ .banner_box .swiper-slide a { height: 30vh; position: relative; } .banner_box .swiper-slide a>img { height: 100%; width: auto; min-width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .banner_box .swiper-slide a .banner_txt { width: 92%; left: 4%; margin-left: 0; } .banner_box .swiper-slide a .banner_txt img { max-width: 70%; max-height: 60%; margin-bottom: 5vw; } .banner_box .swiper-pagination { display: block; } .swiper-pgxn { display: block; width: 100%; } .banner_box .swiper-pagination-bullet { background: #42474c; opacity: 1; width: 10px; height: 10px; } .swiper-pgxn .swiper-pagination-bullet { opacity: .3; margin: 0 4px; } .swiper-pgxn .swiper-pagination-bullet-active, .banner_box .swiper-pagination-bullet-active { background: #9d2933; opacity: 1; } .banner_box .banner_mouse { display: block; } .banner_box .swiper-xn { display: none; } /* 内页-文章详情 */ .inner_loc, .inner_loc a { font-size: 12px; } /* 内页-内容翻页 */ .inner_pnpage .inner_pnpage_prev, .inner_pnpage .inner_pnpage_next { width: 100%; } .inner_pnpage>a span, .inner_pnpage>a p { font-size: 14px; } .inner_pnpage .inner_pnpage_next { margin-top: .2rem; } .inner_pnpage>a p { max-width: calc(92vw - 62px); } /* 标题 */ .home_tit h2 { font-size: .46rem; } .home_tit .home_ten { font-size: .34rem; } /* 关于我们 */ .abo_box .abo_exp { font-size: 15px; } .abo_box .abo_w { font-size: 14px; } .abo_box .abo_info ul li .abo_ss .abo_icon { height: 1rem; } .abo_box .abo_info ul li .abo_ss .iconfont { font-size: .8rem; } .abo_box .abo_info ul li .abo_ss .iconfont.icon-huiyi1 { font-size: .86rem; } /* 内页-关于我们 */ .inner_abo .inner_a_s2 .inner_a_pics ul { margin-left: -.3rem; margin-bottom: -.3rem; } .inner_abo .inner_a_s2 .inner_a_pics ul li { margin-bottom: .3rem; } .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img { margin-left: .3rem; } /* 内页-国测客房 */ .inner_room { width: 100%; overflow: hidden; } /* 内页-酒店外景 */ .inner_ext .inner_ext_list ul { grid-row-gap: .3rem; grid-column-gap: .3rem; grid-template-columns: repeat(2, calc((92vw - .3rem) / 2)); grid-template-rows: repeat(4, calc(((92vw - .3rem) / 2 * 680 / 580 - .3rem) / 2)); } /* 内页-新闻活动 */ .inner_news .news_list ul { margin-left: -.3rem; margin-bottom: -.3rem; } .inner_news .news_list ul li { margin-bottom: .3rem; } .inner_news .news_list ul li a { margin-left: .3rem; } } @media screen and (max-width:895px) { /* 页脚 */ footer .footer_top { padding: .6rem 0; } footer .footer_top .footer_l, footer .footer_top .footer_r .footer_nav { display: none; } footer .footer_top .footer_r { width: 100%; } footer .footer_top .footer_r .footer_cpr { width: 100%; max-width: 100%; text-align: center; } /* 内页-会议会展 */ .inner_conf .inner_c_s1 ul>li { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_conf .inner_c_s1 .inner_c_swiper { width: 100%; } .inner_conf .inner_c_s1 .inner_c_wrap { position: static; } .inner_conf .inner_c_s1 .inner_c_swiper .inner_c_img { height: calc(92vw * 568 / 900); } .inner_c_arrow { padding: 0 .6rem; bottom: .6rem; } .inner_c_arrow .swiper-button-c { width: 36px; height: 36px; } .inner_conf .inner_c_s1 .inner_c_wrap { padding: .6rem; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_tit { font-size: .46rem; } .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_info .inner_c_item { padding: .2rem .4rem; } .inner_conf .inner_c_s1 ul>li .inner_c_arrow { -webkit-justify-content: center !important; justify-content: center !important; } .inner_conf .inner_c_s1 ul>li { margin-bottom: .6rem; } .inner_conf .inner_c_s2 .inner_title .inner_tit { font-size: 17px; } .inner_conf .inner_c_s2 .inner_title .inner_exp { font-size: .46rem; line-height: 1.7; } .inner_conf .inner_c_s2 .inner_slogan { font-size: 14px; padding: .2rem .4rem; margin-top: .3rem; } /* 列表翻页 */ .list_pages .pagination li { display: none; } .list_pages .pagination li.pg_prev, .list_pages .pagination li.pg_next { display: inline-block; } .list_pages .pagination li a { height: 32px; line-height: 30px; } .list_pages .pagination li.pg_prev a, .list_pages .pagination li.pg_next a { padding: 0 20px; } } @media screen and (max-width:767px) { /* 有什么服务 */ .sort_box ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .sort_box ul li { width: 50%; } .sort_box ul li a .sort_wrap .sort_icon { height: 1.2rem; } .sort_box ul li a .sort_wrap .sort_icon .iconfont { font-size: .9rem; } .sort_box ul li a .sort_wrap .sort_tit { font-size: .44rem; } .sort_box ul li a .sort_wrap .sort_more { padding: .2rem .6rem; font-size: 12px; margin-top: 5vw; } /* 新闻活动 */ .news_box .news_list .swiper-slide { width: calc((92vw - 10px) / 2); margin-right: 10px; } .news_box .news_list .news_img { height: calc((92vw - 10px) / 2 * 306 / 544); } .news_list .news_txt { padding-top: .4rem; } .news_list .news_txt h3 { font-size: 15px; } .news_list .news_txt span { font-size: 12px; } /* 图片展示 */ .pics_box .picMarquee-left .bd ul { height: 29.5vw; } .pics_box .picMarquee-left .bd ul>li { width: 86vw; } .pics_box .picMarquee-left .bd ul>li ol { grid-template-columns: 20vw 20vw 20vw 20vw; grid-template-rows: 14vw 14vw; } /* 内页-banner */ .inner_banner .inner_b_txt .inner_b_wrap { width: 16vw; height: 16vw; } .inner_banner .inner_b_txt h2 { font-size: 4vw; } .inner_banner .inner_b_txt .inner_b_wrap:before { width: 4vw; height: 4vw; } /* 内页-关于我们 */ .inner_abo .inner_a_s1 { padding-top: 0; } .inner_abo .inner_a_s1 .center_box { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_abo .inner_a_s1 .inner_a_l { width: 100%; } .inner_abo .inner_a_s1 .inner_a_txt:before, .inner_abo .inner_a_s2 .center_box:before { display: none; } .inner_abo .inner_a_s1 .inner_a_txt { padding-top: 0; } .inner_abo .inner_a_s1 .inner_a_title .inner_a_tit { font-size: .46rem; } .inner_abo .inner_a_s1 .inner_a_img { padding-left: 0; border-left: none; margin-top: calc(20px + .5rem); } .inner_abo .inner_a_s2 .center_box { padding-bottom: 0; } .inner_abo .inner_a_s2 .inner_a_title h3 { padding: 0 1rem; font-size: .36rem; } .inner_abo .inner_a_s2 .inner_a_pics ul li { width: 50%; } .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img { height: calc((92vw - .3rem) / 2 * 200 / 282); } /* 内页-标题 */ .inner_title .inner_tit { font-size: .46rem; } /* 内页-国测客房 */ .inner_title .inner_exp { font-size: 14px; } .inner_room .inner_r_s1 .inner_r_con { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_room .inner_r_s1 .inner_r_con .inner_rl, .inner_room .inner_r_s1 .inner_r_con .inner_rr { width: 100%; } .inner_room .inner_r_s1 .inner_r_con .inner_rl .inner_r_img { height: calc(92vw * 480 / 600); } .inner_room .inner_r_s1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 15px; } .inner_room .inner_r_s1 .inner_r_con .inner_rr { padding: 1rem .6rem; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit h4 { font-size: .46rem; } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit i { margin: .4rem 0 .6rem; } .inner_room .inner_r_s1 .inner_r_con .inner_rr:before { top: .5rem; bottom: .5rem; width: 30%; left: 35%; } .inner_room .inner_r_s1 .gallery-thumbs .swiper-slide { font-size: 16px; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_icon { width: .8rem; display: none; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_con { width: 100%; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_txt { margin-top: 0; font-size: 14px; } /* 内页-餐饮宴会 */ .inner_c_arrow .swiper-button-c { background: rgba(255, 255, 255, .9); } .inner_cater .inner_ca_s2 ul li { width: 100%; } .inner_cater .inner_ca_s2 ul li+li { margin-top: .6rem; } .inner_cater .inner_ca_s2 ul li:nth-of-type(even) { -webkit-flex-direction: column; flex-direction: column; } .inner_cater .inner_ca_s2 ul li>* { height: auto; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt:before { width: 16px; height: 16px; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt { padding: .6rem; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt .inner_ca_w { font-size: 14px; } /* 内页-娱乐设施 */ .inner_nter .inner_nt_s1 ul li { width: 50%; } .inner_nter .inner_nt_s1 ul li .inner_nt_img { height: calc((92vw - 10px) / 2 * 160 / 232); } .inner_nter .inner_nt_s2 .inner_nt_txt { position: static; color: #333; width: 100%; font-size: 14px; background: #fafafa; padding: .4rem; } .inner_nter .inner_nt_s2 .inner_c_arrow { bottom: 0; top: calc((92vw * 4 / 12 - 36px) / 2); -webkit-justify-content: space-between !important; justify-content: space-between !important; padding: 0 .4rem; } .inner_nter .inner_nt_s2 ul>li+li { margin-top: .6rem; } .inner_nter .inner_nt_s2 ul>li:nth-of-type(even) .inner_nt_txt { text-align: left; text-align-last: left; } /* 内页-新闻活动 */ .inner_news .news_list ul li { width: 50%; } .inner_news .news_list .news_img { height: calc((92vw - .3rem) / 2 * 306 / 544); } .inner_news .news_list .news_txt { padding-top: .2rem; } .inner_news .news_list .news_txt h3 { font-size: 15px; } /* 内页-联系我们 */ .inner_cta .inner_cta_s1 .center_box { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .inner_cta .inner_cta_s1 .inner_cta_map, .inner_cta .inner_cta_s1 .inner_cta_r { width: 100%; } .inner_cta .inner_cta_s1 .inner_cta_map #dituContent { height: 60vw; } /* 内页-文章详情 */ .inner_news_show_tit h3 { font-size: .42rem; } .inner_news_show_con.article_w { font-size: .36rem; } } @media screen and (min-width:768px) and (max-width:1200px) { .pd_150 { padding: 1.5rem; } .pd_tb150 { padding: 1.5rem 0; } .pd_t150 { padding-top: 1.5rem; } .pd_b150 { padding-bottom: 1.5rem; } .pd_120 { padding: 1.2rem; } .pd_tb120 { padding: 1.2rem 0; } .pd_t120 { padding-top: 1.2rem; } .pd_b120 { padding-bottom: 1.4rem; } .pd_100 { padding: 1rem; } .pd_tb100 { padding: 1rem 0; } .pd_t100 { padding-top: 1rem; } .pd_b100 { padding-bottom: 1rem; } .pd_80 { padding: .8rem; } .pd_tb80 { padding: .8rem 0; } .pd_t80 { padding-top: .8rem; } .pd_b80 { padding-bottom: .8rem; } .pd_70 { padding: .7rem; } .pd_tb70 { padding: .7rem 0; } .pd_t70 { padding-top: .7rem; } .pd_b70 { padding-bottom: .7rem; } .pd_60 { padding: .6rem; } .pd_tb60 { padding: .6rem 0; } .pd_t60 { padding-top: .6rem; } .pd_b60 { padding-bottom: .6rem; } .pd_50 { padding: .5rem; } .pd_tb50 { padding: .5rem 0; } .pd_t50 { padding-top: .5rem; } .pd_b50 { padding-bottom: .5rem; } .pd_40 { padding: .4rem; } .pd_tb40 { padding: .4rem 0; } .pd_t40 { padding-top: .4rem; } .pd_b40 { padding-bottom: .4rem; } .pd_30 { padding: .3rem; } .pd_tb30 { padding: .3rem 0; } .pd_t30 { padding-top: .3rem; } .pd_b30 { padding-bottom: .3rem; } .pd_20 { padding: .2rem; } .pd_tb20 { padding: .2rem 0; } .pd_t20 { padding-top: .2rem; } .pd_b20 { padding-bottom: .2rem; } .pd_15 { padding: .15rem; } .pd_tb15 { padding: .15rem 0; } .pd_t15 { padding-top: .15rem; } .pd_b15 { padding-bottom: .15rem; } .mg_t150 { margin-top: 1.5rem; } .mg_b150 { margin-bottom: 1.5rem; } .mg_t100 { margin-top: 1rem; } .mg_b100 { margin-bottom: 1rem; } .mg_tb80 { margin: .8rem 0; } .mg_t80 { margin-top: .8rem; } .mg_b80 { margin-bottom: .8rem; } .mg_tb60 { margin: .6rem 0; } .mg_t60 { margin-top: .6rem; } .mg_b60 { margin-bottom: .6rem; } .mg_tb50 { margin: .5rem 0; } .mg_t50 { margin-top: .5rem; } .mg_b50 { margin-bottom: .5rem; } .mg_tb40 { margin: .4rem 0; } .mg_t40 { margin-top: .4rem; } .mg_b40 { margin-bottom: .4rem; } .mg_tb30 { margin: .3rem 0; } .mg_t30 { margin-top: .3rem; } .mg_b30 { margin-bottom: .3rem; } .mg_tb20 { margin: .2rem 0; } .mg_t20 { margin-top: .2rem; } .mg_b20 { margin-bottom: .2rem; } .mg_tb15 { margin: .15rem 0; } .mg_t15 { margin-top: .15rem; } .mg_b15 { margin-bottom: .15rem; } .mg_tb10 { margin: .1rem 0; } .mg_t10 { margin-top: .1rem; } .mg_b10 { margin-bottom: .1rem; } /* header */ header .header_top .center_box, .header_height, .menu { height: 70px; } header .logo img { max-height: 40px; } header .header_top .header_tel { margin-right: 30px; } nav>ul>li { padding-top: 1.5vh; padding-bottom: 1.5vh; } /* banner */ .banner_box .swiper-slide a .banner_txt img { max-width: 90%; margin-bottom: 20px; } /* 标题 */ .home_tit h2 { font-size: .36rem; } .home_tit .home_ten { font-size: .24rem; } /* 内页-关于我们 */ .abo_box .abo_info ul li .abo_ss .iconfont { font-size: .7rem; } /* 有什么服务 */ .sort_box ul li a .sort_wrap .sort_icon { height: .9rem; } .sort_box ul li a .sort_wrap .sort_icon .iconfont { font-size: .8rem; } .sort_box ul li a .sort_wrap .sort_tit { font-size: .32rem; } .sort_box ul li a .sort_wrap .sort_more { padding: .12rem .3rem; font-size: 13px; } /* 新闻活动 */ .news_list .news_txt { padding-top: .3rem; } .news_list .news_txt h3 { font-size: 17px; } .news_box .news_list .news_img { height: calc((92vw - 30px) / 2 * 306 / 544); } /* 内页-banner */ .inner_banner .inner_b_txt .inner_b_wrap { width: 90px; height: 90px; } .inner_banner .inner_b_txt h2 { font-size: 24px; } .inner_banner .inner_b_txt .inner_b_wrap:before { width: 30px; height: 30px; } /* 内页-关于我们 */ .inner_abo .inner_a_s1 .center_box { -webkit-align-items: center; align-items: center; } .inner_abo .inner_a_s1 .inner_a_title .inner_a_tit { font-size: .36rem; } .inner_abo .inner_a_s1 .inner_a_l { width: 42%; } .inner_abo .inner_a_s1 .inner_a_img { width: 54%; padding-left: 0; border-left: none; } .inner_abo .inner_a_s1 .inner_a_txt:before, .inner_abo .inner_a_s2 .center_box:before { width: 60vw; left: -2vw; } .inner_abo .inner_a_s2 .inner_a_title h3 { font-size: 18px; } .inner_abo .inner_a_s2 .inner_a_pics ul li .inner_a_img { height: calc((92vw - .9rem) / 4 * 200 / 282); } /* 内页-国测客房 */ .inner_room .inner_r_s1 .inner_r_con .inner_rr { padding: 0 5%; } .inner_title .inner_tit, .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit h4 { font-size: .36rem; } .inner_room .inner_r_s1 .inner_r_con .inner_rl .inner_r_img { height: calc(46vw * 48 / 60); } .inner_room .inner_r_s1 .inner_r_con .inner_rr_tit i { margin: .3rem 0 .5rem; } .inner_room .inner_r_s1 .inner_r_con .inner_rr:before { width: 32%; left: 34%; top: .4rem; bottom: .4rem; } .inner_room .inner_r_s1 .inner_r_top .swiper-button-d { display: none; } .inner_room .inner_r_s1 .gallery-thumbs .swiper-slide { font-size: 18px; text-align: center; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_icon { width: 50px; } .inner_room .inner_r_s2 .inner_r_wrap .inner_r_txt { line-height: 1.6; margin-top: .2rem; } /* 内页-会议会展 */ .inner_conf .inner_c_s1 .inner_c_wrap .inner_c_tit { font-size: .36rem; } .inner_conf .inner_c_s2 .inner_title .inner_exp { font-size: .36rem; } /* 内页-餐饮宴会 */ .inner_cater .inner_ca_s2 ul li>* { height: calc(46vw * 32 / 60); } .inner_cater .inner_ca_s2 ul li .inner_ca_txt { padding: .3rem 10%; } .inner_cater .inner_ca_s2 ul li .inner_ca_txt .inner_ca_w { font-size: 14px; } /* 娱乐设施 */ .inner_nter .inner_nt_s2 ul>li+li { margin-top: .6rem; } .inner_nter .inner_nt_s1 ul li .inner_nt_img { height: calc((92vw - 40px) / 5 * 160 / 232); } .inner_nter .inner_nt_s2 .inner_nt_txt { left: .5rem; top: .5rem; font-size: 14px; width: 400px; } .inner_nter .inner_nt_s2 ul>li:nth-of-type(even) .inner_nt_txt { right: .5rem; } /* 内页-新闻活动 */ .inner_news .news_list .news_img { height: calc((92vw - .6rem) / 3 * 306 / 544); } /* 内页-文章详情 */ .inner_news_show_tit h3 { font-size: 20px; } .inner_news_show_con.article_w { font-size: 15px; } } @media screen and (min-width:768px) and (max-width:895px) { /* banner */ .banner_box .swiper-slide a { height: 36vh; } .banner_box .swiper-xn { display: none; } /* 内页-会议会展 */ .inner_conf .inner_c_s1 .inner_c_wrap { width: 100%; } } @media screen and (min-width:896px) and (max-width:1200px) { /* banner */ .banner_box .swiper-slide a { height: 60vh; } .banner_box .swiper-xn { display: none; } .banner_box .swiper-slide a .banner_txt img { margin-bottom: 0px; max-height: 80%; } /* 新闻活动 */ .news_box .news_list .swiper-slide { width: calc((92vw - 80px) / 3); margin-right: 40px; } .news_box .news_list .news_img { height: calc((92vw - 80px) / 3 * 306 / 544); } /* 页脚 */ footer .footer_top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } footer .footer_top.clearfix:after { display: none; } footer .footer_top .footer_l .footer_tel>a { font-size: 40px; } footer .footer_top .footer_r .footer_nav { display: none; } /* 内页-会议会展 */ .inner_conf .inner_c_s1 .inner_c_swiper { width: 100%; } .inner_conf .inner_c_s1 .inner_c_swiper .inner_c_img { height: calc(92vw * 568 / 900); } .inner_conf .inner_c_s1 .inner_c_wrap { width: 50%; background: rgba(255, 255, 255, .9); padding: .5rem; } } /*# sourceURL=/skin/default/css/hover.css */ /*@ sourceURL=/skin/default/css/hover.css */ /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.0 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with SASS. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* -webkit-Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* -webkit-Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before, .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /*# sourceURL=/skin/default/css/animate.css */ /*@ sourceURL=/skin/default/css/animate.css */ @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }